<template>
  <div class="container agreement-page">
    <div class="content-box pad-l-20 pad-r-20 mar-t-25 font-14" :style="{height: docmHeight + 'px'}">        
      <p>请认真阅读并理解以下内容。</p>
      <p>本协议是您与厦门众项网络科技有限公司（以下简称“众项”）就萤火云店工具所订立的契约。
        请您仔细阅读本协议，您勾选“我已阅读协议规则“按钮后，本协议即构成对双方有约束力的法律文件。</p>
      <p>欢迎阅读“萤火云店”服务条款(下称“本条款”)。本条款阐述之条款和条件适用于您在使用“萤火云店”产品的过程。</p>
      <p>1. 接受条款</p>
      <p>萤火云店是众项推出的小程序店铺工具，向中小卖家提供软件工具的使用服务（以下简称“服务”）。
        以任何方式进入萤火云店小程序，即表示您同意自己已经与萤火云店订立本条款，
        且您同意接受本条款的条件约束。 您应在第一次登录后仔细阅读修订后的“条款”，
        并有权选择停止继续使用“服务”；一旦您继续使用“服务”， 则表示您已接受经修订的“条款”。
        当您与众项发生争议时，应以最新的服务条款为准。 除另行明确声明外，
        任何使“服务”范围扩大或功能增强的新内容均受本条款约束。 条款的解释权归众项所有。</p>
      <p>2. 谁可使用萤火云店？</p>
      <p>“服务”仅提供遵守国家相关法律法规订立具有法律约束力合约的企业和个体商户、个人使用。
        如不符合本项条件，请勿选择使用“服务”。萤火云店可随时自行全权决定拒绝向任何人士提供“服务”。</p>
      <p>“服务”不提供予给被暂时或永久中止资格的萤火云店用户，以及含任何涉及违规违法操作或使用萤火云店的所有用户。</p>
      <p>3. 服务收费</p>
      <p>众项仅收取萤火云店的“工具使用服务”费用。您在萤火云店的一切交易行为由您作为税务主体，
        与众项无关。
        您因进行交易接触众项服务器而发生的相关硬件、软件、通讯、网络服务及其他方面因素所产生的费用均由您自行承担。
        众项可在无须发出书面通知，仅在萤火云店网站公示并有暂时或永久地更改或停止部分或全部“服务”的权利。</p>
      <p>4. 您在开通萤火云店工具使用服务时，所必须具备的资料</p>
      <p>您需要提交资料以配合与本产品服务有关的使用，并需保证你所提交资料真实、有效，因提交伪造、虚假等资料，
        而导致的风险及使用相关问题，将由您本人承担。同时：</p>
      <p>针对企业主体用户：</p>
      <p>您须要遵照微信公众平台的规则，在使用萤火云店服务时，须具有企业的营业执照及法人证照，
        包括：有效的企业营业执照、法人身份、企业对公账号、联系手机号码等，并自行承担微信公众平台所需支付款项。</p>
      <p>针对个体工商户用户：</p>
      <p>您须要遵照微信公众平台的规则，在使用萤火云店服务时，
        须具有个体工商的营业执照、经营者的身份证、经营者身份证绑定开通的一张银行卡、联系手机号码等，
        并自行承担微信公众平台所需支付款项。</p>
      <p>针对个人用户：</p>
      <p>您须要遵照微信公众平台的规则，在使用萤火云店服务时，自行承担微信公众平台所需支付款项。</p>
      <p>除了我方授权给您使用的资料，
        我方不提出拥有对您所发布或者向我方提供（称为“提交”）的与服务有关的资料的所有权。
        但是，经您发布或以其他方式提交的资料，您授予我们免费许可： 
        做与服务有关的使用、复制、传播、显示、发表和修改； 在与您的提交有关时发布您的姓名或单位名称；
        将这些许可授予其他人。 本节仅适用于法律所允许的内容并仅适用于在不违反法律的限度内使用和发布上述法律所允许的内容。
        我方不会为您的提交向您支付费用。我方有权拒绝发布，并且有权随时从服务中删除您的提交。
        您应当对您所做出的每一提交享有以实施本节所规定的授权行为所必要的完整权利。</p>
      <p>5. 隐私</p>
      <p>为了协作和提供服务，我们会收集您的某些信息。此外，
        我方还可以访问或者透露关于您的信息，包括您通讯的内容，
        以：(a) 遵守法律、响应司法要求或法律程序；
        (b) 保护萤火云店网及其客户的权利、财产，包括协议的执行和遵守适用于服务的策略；
        (c) 保护萤火云店及其雇员、客户和公众的权利、财产或安全。
         我方可采取技术或其他措施以保护服务，保护我们的客户，或阻止您违反本合同。
         这些措施可能包括，例如，通过过滤来阻止垃圾邮件或提高安全级别。
         这些措施可能阻止或中断您对服务的使用。 
         为了向您提供服务，我方可收集有关服务状况，
         您的机器和您对服务的使用的某些信息。我方有权从您的机器自动上传这些信息。
         这些数据不会构成对您私人身份的确认。</p>
      <p>6. 终止或访问限制</p>
      <p>在萤火云店未向您收费的情况下，
        萤火云店可自行全权决定以任何理由
         (包括但不限于萤火云店认为您已违反本条款的字面意义和精神，
         或您以不符合本条款的字面意义和精神的方式行事，
         终止您对“服务”的使用，及可自行全权决定以任何理由
          (包括但不限于萤火云店认为您已违反本条款的字面意义和精神，
          或您以不符合本条款的字面意义和精神的方式行事，
          或您在超过60天的时间内未以您的账号及密码登录网站) 
          终止您的“服务”密码、账户 (或其任何部份) 或并删除您在使用“服务”中提交的 “您的资料”。
          根据本条款的任何规定终止您使用“服务”之措施可在不发出事先通知的情况下实施，
          并承认和同意，萤火云店可立即使您的账户无效，
          或撤销您的账户以及在您的账户内的所有相关资料和档案，禁止您进一步接入该等档案或“服务”。</p>
      <p>账号终止后，萤火云店没有义务为您保留原账号中或与之相关的任何信息，
        或转发任何未曾阅读或发送的信息给您或第三方。
        此外，萤火云店不会就终止您接入“服务”而对您或任何第三者承担任何责任。
        第8、9和10各条应在本条款终止后继续有效。</p>
      <p>7. 违反规则会有什么后果？</p>
      <p>在不限制其他补救措施的前提下，发生下述任一情况，本公司可立即发出警告，
        暂时中止、永久中止或终止您的会员资格及使用权限，
        不退还已交付款项并删除您的任何现有产品信息，以及您在网站上展示的任何其他资料：</p>
      <p>(i) 您违反本条款；</p>
      <p>(ii) 本公司无法核实或鉴定您向本公司提供的任何资料；</p>
      <p>(iii) 本公司相信您的行为可能会使您、本公司用户或通过本公司或本公司网站提供服务的第三者服务供应商发生任何法律责任；</p>
      <p>(iv) 发表、传送、传播、储存个人网站类，在线音视频类，
        刷钻/刷QB/QQ业务/刷流量/taobao刷信誉类，色情/成人内容/低俗内容类，
        游戏类/代练/涉及交易的虚拟物品类，彩票预测/赌博类内容网站，
        盗号/外挂/私服/辅助类，代办证/代考/代开发票类，
        黑客/网站挂马/放置病毒/收费下载/收费传授黑客技术类，
        虚假信息/诈骗信息类，代办证/代考/代开发票类，不利国家与社会稳定和谐，
        违反国家相关法律与政策的内容，将配合有关部门追究责任。</p>
      <p>8. 服务“按现状”提供</p>
      <p>(i) “服务”会符合您的要求；</p>
      <p>(ii) “服务”不会中断，且适时、安全和不带任何错误；</p>
      <p>(iii) 通过使用“服务”而可能获取的结果将是准确或可信赖的；</p>
      <p>(iv) 您通过“服务”而购买或获取的任何产品、服务、资料或其他材料的质量将符合您的预期。
        通过使用“服务”而下载或以其他形式获取任何材料是由您自行全权决定进行的，
        且与此有关的风险由您自行承担，
        对于因您下载任何该等材料而发生的您的电脑系统的任何损毁或任何数据损失，
        您将自行承担责任。您从萤火云店或通过或从“服务”获取的任何口头或书面意见或资料，
        均不产生未在本条款内明确载明的任何保证。</p>
      <p>9. 责任范围</p>
      <p>您明确理解和同意，萤火云店不对因下述任一情况而发生的任何损害赔偿承担责任，
        包括但不限于利润、商誉、使用、数据等方面的损失或其他无形损失的损害赔偿 (无论萤火云店是否已被告知该等损害赔偿的可能性)：</p>
      <p>(i) 使用或未能使用“服务”；</p>
      <p>(ii) 因通过或从“服务”购买或获取任何货物、样品、数据、资料或服务，
        或通过或从“服务”接收任何信息或缔结任何交易所产生的获取替代货物和服务的费用；</p>
      <p>(iii) 未经批准接入或更改您的传输资料或数据</p>
      <p>(iv) 任何第三者对“服务”的声明或关于“服务”的行为；</p>
      <p>(v) 或因任何原因而引起的与“服务”有关的任何其他事宜，包括疏忽。</p>
      <p>10. 赔偿</p>
      <p>您同意，因您违反本条款或经在此提及而纳入本条款的其他文件，或因您违反了法律或侵害了第三方的权利，
        而使第三方对众项及其子公司、分公司、董事、职员、代理人提出索赔要求（包括司法费用和其他专业人士的费用），
        您必须赔偿给众项及其分公司、董事、职员、代理人，使其等免遭损失。</p>
      <p>11. 遵守法律</p>
      <p>您在萤火云店上不得发布各类违法或违规信息。您应遵守与您使用“服务”，
        以及与您竞买、购买和销售任何物品以及提供商贸信息有关的所有相关的法律、法规、条例和规章。</p>
      <p>12. 广告和金融服务</p>
      <p>您与在“服务”上或通过“服务”物色的刊登广告人士通讯或进行业务往来或参与其推广活动，
        包括就相关货物或服务付款和交付相关货物或服务，
        以及与该等业务往来相关的任何其他条款、条件、保证或声明，
        仅限于在您和该刊登广告人士之间发生。您同意，
        对于因任何该等业务往来或因在“服务”上出现该等刊登广告人士而发生的任何种类的任何损失或损毁，
        萤火云店无需负责或承担任何责任。您如打算通过“服务”创设或参与与任何公司、股票行情、投资或证券有关的任何服务，
        或通过“服务”收取或要求与任何公司、股票行情、投资或证券有关的任何新闻信息、警戒性信息或其他资料，
        敬请注意，萤火云店不会就通过“服务”传送的任何该等资料的准确性、有用性或可用性、可获利性负责或承担任何责任，
        且不会对根据该等资料而作出的任何交易或投资决策负责或承担任何责任。</p>
      <p>13. 您对我们的通知</p>
      <p>您可以按照为本服务在客户支持或“帮助”部分所指明的方式向我们发出通知。我方不接受以电子邮件所作的通知。</p>
      <p>14. 我方向您发出通知</p>
      <p>我方向您发出通知，同意使用电子信息。本合同系电子形式。我方承诺向您发送与本服务有关的特定信息，
        并有权向您发送某些附加信息。我方可能还会向您发送法律要求发送的有关本服务的其他信息。
        我方可以电子形式向您发送这些信息。您有权取消您的同意，但如果您取消，我方可取消对您的服务。
        我方可以下列方式向您提供必需的信息： 通过您在注册本服务时所指明的电子邮件地址向您发送电子邮件；
        在信息可供使用时，通过在向您发送的电子邮件通知中指明供访问的某一网站；或 通过访问为此目的而通常事先指定的某一网站。
        通过电子邮件向您发出的通知将被视为在该电子邮件中标明的传输日期发送并且收到。
        在您能够访问和使用本服务期间，您拥有必要的软件和硬件以接受此类通知。
        如果您不同意以电子形式接受任何通知，那么您应当停止使用本服务。</p>
      <p>15. 与第三方网站的链接</p>
      <p>提供与第三方网站的链接仅仅为了给您带来方便。
        如果您使用这些链接，将离开萤火云店站点。萤火云店没有审查过所有这些第三方站点，
        对任何这些站点及其内容或它们的保密政策不进行控制，也不负任何责任。
        因此，我们对这些网站上的任何信息、软件以及其它产品或材料，或者通过使用它们可能获得的任何结果不予认可，
        也不作任何表述。如果您决定访问本站点链接的任何第三方站点，其风险完全由您自己承担。</p>
      <p>16. 不可抗力</p>
      <p>由于自然灾害、罢工或骚乱、物质短缺或定量配给、暴动、战争行为、政府行为、通电信网络、
        供电单位采取的限电或断电措施、供电单位的电力设施故障、通讯或其他设施故障或严重伤亡事故、
        黑客攻击、尚无有效防御措施的计算机病毒的发作及其他各方不能预见并且对其发生和后果不能防止并避免的不可抗力原因，
        致使本公司延迟或未能履约的，本公司不对您承担任何责任。</p>
      <p>17. 关于网络</p>
      <p>您明白由于因特网上通路的阻塞或造成访问速度下降，均是正常，不属于我方违约，
        若遇电信运营商或国家政策等原因造成的网络中断，我方不承担相应责任。</p>
      <p>18. 关于退款</p>
      <p>凡购买萤火云店产品的客户，支付完成后，可以进行升级，更改支付周期，
        续费取消额外网站等操作，由于网络产品一经生效即产生费用，故无特殊原因，萤火云店产品不支持退款，请知晓。</p>
      <p>19. 适用法律和管辖</p>
      <p>本条款适用于中国法律并依照中国法律解释，不会造成任何法律的冲突。
        任何因有关使用本站而发生的诉讼均应提交众项公司住所地的人民法院。 如果您还有疑问，您可以直接给我们客服中心留言。</p>
    </div>
    <div class="align-c">
      <div class="pad-t-10 pad-b-15 check-t" @click="onChange">
        <van-checkbox
        :value="defaultFlag" checked-color="#646464">我已仔细阅读并同意协议内容</van-checkbox>
      </div>
      <button @click="doAgree" :disabled="disabledType" class="p-button">确定</button>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        docmHeight: 0,
        defaultFlag: false,
        disabledType: false,
        scanCode: {},
        scanAgree: {}
      }
    },
    mounted() {
      this.defaultFlag = false
      if (this.getCurrentPage().query.scanCode) {
        this.scanCode = JSON.parse(this.getCurrentPage().query.scanCode)
        this.scanAgree.scene = this.scanCode.scene
        this.scanAgree.flag = this.defaultFlag
        this.$pt.setStorageSync(this.scanAgree.scene, this.scanAgree)
      }
      this.docmHeight = this.$pt.getSystemInfoSync()['screenHeight'] - 230
      this.disabledType = !this.defaultFlag
    },
    methods: {
      onChange() {
        this.defaultFlag = !this.defaultFlag
        this.disabledType = !this.defaultFlag
      },
      doAgree() {
        if (this.scanCode) {
          this.scanAgree.flag = this.defaultFlag
          this.$pt.setStorageSync(this.scanAgree.scene, this.scanAgree)
          this.$pt.setStorageSync('scanCode', this.scanCode)
          setTimeout(() => {
            this.$pt.reLaunch({
              url: '/pages/home/get-card/main'
            })
          }, 300)
        } else {
          this.$pt.reLaunch({
            url: '/pages/home/main'
          })
        }
      }
    }
  }
</script>

<style lang="less" scoped>
  .container{
    background: #f4f4f4;
    min-height: calc(100vh);
    h2{
      text-align: center;
      color: #000;
      font-weight: normal;
    }
    .content-box{
      overflow-y: scroll;
      touch-action: pan-y;
      -webkit-overflow-scrolling: touch;
      // background: #cecdcd;
      color: #101010;
      p{
        margin: 0 0 10px 0;
        &.b-0{
          margin: 0;
        }
      }
    }
    .p-button{
      display: block;
      border-radius: 5px;
      height: 46px;
      line-height: 46px;
      padding: 0 70px;
      font-size: 16px;
      color: #333333;
      font-weight: bold;
      text-align: center;
      border: none;
      background: linear-gradient(to right, #fed801, #fcc508);
      &[disabled]{
        color: #595959;
        background: linear-gradient(to right, #dadada, #dadada);
      }
      &:after{
        content: '';
        display: none;
      }
    }
  }
</style>
